<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE html>

<%@include file="../../WEB-INF/jspf/admin.jspf" %>
<%@taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<html>
    <head id="headx">
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>JSP Page</title>
        <link href="../../jq/redmond/jquery-ui-1.10.3.custom.min.css" type="text/css" rel="stylesheet"/>
        <link href="../../css/main.css" type="text/css" rel="stylesheet"/>
        <link href="../../jq/menu/menu.css" type="text/css" rel="stylesheet"/>
        <link href="../../jq/menu/submenu.css" type="text/css" rel="stylesheet"/>

        <link href="../../parainfo/form/form.css" type="text/css" rel="stylesheet"/>
        <link href="../../parainfo/table/table.css" type="text/css" rel="stylesheet"/>

        <script src="../../jq/jquery-1.10.2.min.js" type="text/javascript"></script>
        <script src="../../jq/jquery-ui-1.10.3.custom.min.js" type="text/javascript"></script>
        <script src="../../jq/i18n/jquery.ui.datepicker-es.min.js" type="text/javascript"></script>
        <script src="../../jq/timepicker/jquery-ui-timepicker-addon.js" type="text/javascript"></script>
        <script src="../../jq/menu/menu.js" type="text/javascript"></script>
        <script src="../../jq/menu/submenu.js" type="text/javascript"></script>

        <script src="../../parainfo/form/form.js" type="text/javascript"></script>
        <script src="../../parainfo/table/table.js" type="text/javascript"></script>

    </head>
    <body>
        <div id="ctop">
            <%@include file="../../WEB-INF/jspf/top.jspf" %>
        </div>

        <div id="m_menu">
            <%@include file="../../WEB-INF/jspf/menu.jspf" %>
        </div>

        <div id="cmenu2">
            <%@include file="../../WEB-INF/jspf/submenu.jspf" %>
        </div>

        <div id="cdata">

              
            <table style="margin: auto;margin-top: 30px">
                <th><h1>Mantenimiento de Feriados</h1></th>
                <tr>
                    <td style="vertical-align: top">
                        <table class="parainfo" style="width: 600px">
                            <thead>
                                <tr>
                                    <td>&nbsp;</td>
                                    <td>Mes</td>
                                    <td>Día</td>
                                    <td>Descripción</td>
                                    <td>Estado</td>
                                </tr>
                            </thead>

                            <tbody id="qbody">
                                <tr>
                                    <td><input type="radio"/></td>
                                    <td>Enero</td>
                                    <td>1</td>
                                    <td>Año Nuevo</td>
                                    <td>Activo</td>
                                </tr>
                                <tr>
                                    <td><input type="radio"/></td>
                                    <td>Mayo</td>
                                    <td>1</td>
                                    <td>Día del Trabajo</td>
                                    <td>Activo</td>
                                </tr>
                                <tr>
                                    <td><input type="radio"/></td>
                                    <td>Diciembre</td>
                                    <td>25</td>
                                    <td>Navidad</td>
                                    <td>Activo</td>
                                </tr>
                            </tbody>
                        </table>
                    </td>

                    <td style="vertical-align: top">
                        <table class="crud">
                            <tr>
                                <td>
                                    <a href="#"  title="Nuevo">
                                        <img src="../../images/ins.png"/></a>
                                </td>
                                <td>
                                    <a href="#"  title="Modificar">
                                        <img src="../../images/upd.png"/></a>
                                </td>
                            </tr>
                            <tr>

                                <td>
                                    <a href="#"  title="Cambiar Estado">
                                        <img src="../../images/upd_est.png"/></a>
                                </td>
                                <td>
                                    <a href="#"  title="Exportar a Excel">
                                        <img src="../../images/excel.png"/></a>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
            </table>
            
            <br/> 
            <br/> 
            <br/> 
            <br/> 
            
            
            <form class="parainfo" action="#" style="margin: auto;display: table">
                <fieldset>
                    <legend>Nuevo Feriado</legend>

                    <table style="margin: auto">
                        <tr>
                            <td>
                                <table>
                                    <tr>
                                        <td>Mes</td>
                                        <td>
                                            <input type="text"  
                                                   maxlength="15" style="width: 100px"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Día</td>
                                        <td colspan="2">
                                            <input type="text" 
                                                   maxlength="200" style="width: 200px"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Descripción</td>
                                        <td colspan="2">
                                            <input type="text" 
                                                   maxlength="200" style="width: 200px"/>
                                        </td>
                                    </tr>
                                    
                                </table>
                            </td>
                            
                        </tr>
                        <tr>
                            <th colspan="2" style="text-align: center;padding-top: 10px">
                                <input type="button" 
                                       value="Grabar"/>
                            </th>
                            <th colspan="2" style="text-align: center;padding-top: 10px">
                                <input type="button" 
                                       value="Cancelar"/>
                            </th>
                        </tr>
                    </table>
                </fieldset>
            </form>
            
            <br/> 
            <br/> 
            <br/> 
            <br/>
            

            <form class="parainfo" action="#" style="margin: auto;display: table">
                <fieldset>
                    <legend>Modificar Feriado</legend>

                    <table style="margin: auto">
                        <tr>
                            <td>
                                <table>
                                    <tr>
                                        <td>Mes</td>
                                        <td>
                                            <input type="text"  
                                                   maxlength="15" style="width: 100px" 
                                                   readonly="readonly"
                                                   value="Enero"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Día</td>
                                        <td colspan="2">
                                            <input type="text"  
                                                   maxlength="200" style="width: 200px"
                                                   readonly="readonly"
                                                   value="1"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Descripción</td>
                                        <td colspan="2">
                                            <input type="text" 
                                                   maxlength="200" style="width: 200px"
                                                   value="Año Nuevo"/>
                                        </td>
                                    </tr>
                                    
                                </table>
                            </td>
                            
                        </tr>
                        <tr>
                            <th colspan="2" style="text-align: center;padding-top: 10px">
                                <input type="button" 
                                       value="Grabar"/>
                            </th>
                            <th colspan="2" style="text-align: center;padding-top: 10px">
                                <input type="button" 
                                       value="Cancelar"/>
                            </th>
                        </tr>
                    </table>
                </fieldset>
            </form>

            
            <br/> 
            <br/> 
            <br/> 
            <br/>
            
            <form class="parainfo" action="#" style="margin: auto;display: table">
                <fieldset>
                    <legend>Cambiar Estado</legend>

                    <table style="margin: auto">
                        <tr>
                            <td>
                                <table>
                                    <tr>
                                        <td>Mes</td>
                                        <td>
                                            <input type="text"  
                                                   maxlength="15" style="width: 100px" 
                                                   readonly="readonly"
                                                   value="Enero"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Día</td>
                                        <td colspan="2">
                                            <input type="text"  
                                                   maxlength="15" style="width: 100px"
                                                   readonly="readonly"
                                                   value="1"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Descripción</td>
                                        <td colspan="2">
                                            <input type="text" 
                                                   maxlength="200" style="width: 200px"
                                                   readonly="readonly"
                                                   value="Año Nuevo"/>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td>Estado 1</td>
                                        <td colspan="2">
                                            <input type="text" 
                                                   maxlength="25" style="width: 100px"
                                                   readonly="readonly"
                                                   value="Activo"/>
                                        </td>
                                    </tr>
                                    
                                    <tr>
                                        <td>Estado 2</td>
                                        <td colspan="2">
                                            <input type="text" 
                                                   maxlength="25" style="width: 100px"
                                                   readonly="readonly"
                                                   value="Inactivo"/>
                                            Después de clic en "<span style="font-weight: bold">Grabar</span>"
                                        </td>
                                    </tr>
                                    
                                </table>
                            </td>
                            
                        </tr>
                        <tr>
                            <th colspan="2" style="text-align: center;padding-top: 10px">
                                <input type="button" 
                                       value="Grabar"/>
                            </th>
                            <th colspan="2" style="text-align: center;padding-top: 10px">
                                <input type="button" 
                                       value="Cancelar"/>
                            </th>
                        </tr>
                    </table>
                </fieldset>
            </form>
            
        </div>
        
         
            
             <br/> 
            <br/> 
            <br/> 
            <br/>
            
             <br/> 
            <br/> 
            <br/> 
            <br/>
        
        
    </body>
</html>

